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WP Grund - kursens omfattning 


Oversikt: 
Sidhuvud - Innehåll - Paneler - Sidfot. 


Innehåll: 
Inlägg - Sidor - Kommentarer. 


Redigering 
Text (text och tabeller) och bild (gallerier och bildspel), 
länkning. 


Hantering: 
Menyhantering. 


Paneler: 
Widgetar. 


Moment 


Tillägg: 
För fler funktioner - av allt mellan himmel och jord. 


Tema: 
WP-hemsidans ”dräkt”. Bestämmer sidans struktur, färg och 
form. Omfattningen på tillval kan variera kraftigt. 


Sociala medier 
Knappar för att dela sidan / länka till sociala medier. 


Besöksstatistik 
Hur många kommer till sidan? 


SEO Sökmotoroptimering: 
Låt Google (m fl) veta att sidan finns. 


WordPress finns i tva former 


wordpress.com - eller wordpress.org? 
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Create your 
stunning vvebsite 2202 wordpress.com 


— snabb igángsáttning, gratis men begrünsningar 
WordPress.com powers beautiful websites for i utformning och namngivning. 
businesses, professionals, and bloggers. 


(fy Blog Tool, Publishing Piatfor: x YAA 


Get Started € C fi a https /Avordpress.org 
117 Appar (Şb Kom igöng Resultat av Googles bic İİİ Free Grunge texture 251 


wordpress.org 


— igángsáttning tar lite mer tid (webbhotell), men 
inga begränsningar i utformningen eller namn. 
Kursen bygger på wordpress.org. 


WS Frames in HTML docum İÇ JavaScript Kit- Window 


WORDPRESS.ORG 


Showcase Themes Plugins Mobile Support Getinvolved About Blog Hosting 


WordPress is web software you can use to create a beautifu 
Plugin Description website, blog, or app. We like to say that WordPress is both 


bbPress bbPress is föru free and priceless at the same time. 


Activate 


Edit Delete i 
Version 2.5.1 | The core software is built by hundreds of community volunteers, and when 


you're ready for more there are thousands of plugins and themes available to 


v BuddyPress Social networki transform your site into almost anything you can imagine. Over 60 million 
Deactivate Edit Settings About power and flexi people have chosen WordPress to power the place on the web they call 
Version 1.8.1 | “home” — we'd love you to join the family. 
A i ? Pusu 
Activate Edit Delete famously by Lot 


your admin scr 


WordPress is also available in Svenska. 


Skaffa webbhotell - sa gar det till 


Google bra webbhotell gm $ oO 


Allt Bilder Videor Nyheter Kartor Fler Inställningar Verktyg 


Ungefär 481 000 resultat (0,47 sekunder) 


Sök i Google på till exempel ”bra webbhotell”. Du kommer att 
få upp en lista över webbhotell (oderland, misshosting, loopia, 
fsdata, one, beebyte med flera). 


Bra Webbhotell - Domän Registrera & Webbhotell - one.com 
[Annons] www.one.com/se/domännamn v 

One.com: Domän & Webhosting. 15 dagars Pengarna-Tillbaka-Garanti. Beställ idag! 
Prisbelönad 24/7-support! - Över 1.5 milion kunder - Draa & Drop-Web Builder 
Typer: .se, .one, .com, .nu, .eu 


Ga in pa det webbhotell som du tycker verkar bra. Domán 


E-post Kom igang med min hemsida «^ 


Bórja skapandet av en hemsida med att sóka ett dománnamn. (Här: Loopia) 


Efter valt domännamn, välj typ av webbhotell (privat/företag). 


Betala avgiften med kreditkort (brukar röra sig lite under 
hundra kronor i månaden). 


Beställ 


[1 


Skydda ditt namn genom att registrera liknande domännamn. 


Populära toppdomäner 
Du får en bekräftelse via epost, och därmed kan du även logga 
in på det som kallas kontrollpanelen. 


€) akvarellklubben .se 129,00 kr 
I kontrollpanelen finns det en mängd funktioner. Allra Samba zani — 
viktigast är 1-click VVorpPress installer. Den klickar du pa 7—— -— 
och följer instruktionerna. I princip är din installation därefter 9 
klar, och du kan - från ett nytt webblásarfónster — välja att 2:70 — 
skriva in din adress, http://dindoman.se/wp-login.php, följt C —5:5:5: i 


av ditt användarnamn och lösenord. 


En funktion som kan vara viktig fór framtiden àr 


Webbhotell, Webbhotell, Webbhotell, 
Filhanteraren. I den laddar du upp/ner filer. Nomalt behöver INTAKE əəə 55007 
du inte gà den har vägen för att fà in filer i WP, eftersom det :( v [ull  — 
sker inne i WP. Men om du till exempel ska fóra óver en WP- 57 167 kr mån 250 kräsän 
installation som du arbetat med på din egen dator, och då (Taasi kundvagn ) 


skapat backuppfiler från (via Duplicator), så kommer du att 
behöva använda just Filhanteraren. 


v/ 75 GB webbutrymme 
v/ 75 GB e-postutrymme 
v/ 25 MySQL-databaser 


v/ 150 GB webbutrymme 


v/ 150 GB e-postutrymme 
v/ 50 MySQL-databaser 
v/ 1MS SQL-databas 


v/ 200 GB webbutrymme 
v/ 200 GB e-postutrymme 
v 100 MySQL-databaser 
v/ 5 MS SQL-databaser 


Ovningshemsida & arbetsmaterial 


Adressraden, URL, 6 inloggning ("admin") till din óvningshemsida: 


Startdatum, 21XXXX Fornamn 


www.pageline.se/ |  İfadmin 


Användarnamn eller e-post 


fornamn 


Lösenord 


lösenord 


Kom ihåg mig 


Arbetsmaterialet 


ligger på 
http://www.pageline.se. 


ə Klicka på Kursmaterial 
* WordPress Grund 
* Lösenordet är bokförlag. 


Vi bygger hemsidor 


Tema: Twenty Fourteen 


Ordbild 


Bokcirkeln Ordbild 


restaurang 


P Rn kipana Q redig 


= rt ORDBILD | 


https:/ em se/sf-ó rdbila” ii 


Här bygger vi upp ett antal sidor, samt 
tillägg för att dela hemsidan på sociala 
medier, galleri, ett videoklipp sasmt för 
att se antalet besökare. 


Här undersöker vi, med hjälp av en 
kortlek, strukturen i Wordpress. Vad 
skiljer sidor från inlägg? 


Ett antal sidor, ett par nya tillägg. 
Vi lägger till länkar. Hur en blogg 
fungerar och används. 


Denna hemsida är tänkt att användas av 
en restaurant, med sin veckomeny. Vi 
använder kortkoder för att få in funktioner 
som karta och kontaktformulär. 


Här har vi en flexibel webbtidning, 
sammansatt, men samtidigt mycket 
enkel att fylla på med nyheter. 


Vi prövar ett anant sätt att bygga upp 
en hemsida: med tillägget Elementor. 
Det ger stor frihet i utformingen. 


Med alternativa teman: 


Fuji 


Tema: Rowling 


Tema Graphene 


Ytterligare 
https://pageline.se/sf-elementor 


Wordpress viktigaste begrepp 


sidhuvud 


Text och bild 


Endendem 

Ita voluptas solor arumet 
parumet vero et ate velessint 
aut aceprovid ex ero tempore 
a int et et estibus. 


widget widget widget 
Olika typer av information 


i fasta fält, till exempel 
adress och telefon. 


Hur sidan kan disponeras (olika fran tema till tema) 


sidhuvud 


sidhuvud 


meny 


sidhuvud 


sida (eller inlägg) 


"Hero" -sida (vilken täcker hela fönstret) 


...eller till höger... 


...eller pa båda sidor (tillsammans med en i foten) 


En widget är en funktion av något slag (se under Panelen/Utseende/Widgetar) 
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Wordpress upplagg (Panelen) 


Sidor 
Inlágg 


Kommentarer 


Anpassa 


Widgetar 


Menyer 


Tillagg 


Wordpress innehalisbarare 


Sidor Inlágg 


Bild, video och ljud 


LL 


Kommentarer Kommentarer 


Hemsidans "skal" eller ”dräkt”. Det är lätt att pröva olika teman. 


Grundläggande inställningar för hemsidan: bland annat val av text och bild till sidhuvudet. 


Funktioner av olika slag, som läggs i marginalen av hemsidan. Oftas ganska få, men kanske viktiga. 


Här sätter man ihop menyer för hemsidans innehåll. 


Extra funktioner, allt från mycket enkla saker som ”glad tillrop” till webbbutik. 
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Panelen/Utseende/Anpassa 


Webbplatsrubrik 


Musikalen CHESS 


Slogan 


— en kärlekshistoria i kalla krigets skugga 


V) Visa webbplatstitel & slogan 


Ikon fór webbplats 


e^e m 


usikalen C Få 


- 


€ C fi WWW. 5 


...har ligger en massa inställningar, sådana man normalt 
gör bara en gång för sin hemsida. 


Webplatsens identitet Det handlar om hemsidans titel, 
logga, och ikonen i webbläsarens flik. 


Färger (kan variera mycket. Här: bara loggans och högra 
sidans färg). 


Bild för sidhuvud, bakgrundsbild (i detta tema lustigt 
nog bild för ytan till höger om innehållet). 


Menyer (bättre då, att gå via Utseende/Anpassa/Menyer, 
tycker jag — för menybygge). 


Utvalt innehåll (specialfunktion i just detta tema för att 
få utvald bild för inlägg, att visas på startsidan). 


Extra CSS (CSS kallas koden som styr typografi, ytors 
storlek och färg med mera - läs mer på w3schools.com). 
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Sa arbetar WordPress 


Server 


Klicka pa titeln for att se Efter andring pa 
utsidan (eller insidan). sidan: Uppdatera. 


DC pageline.se/sf-bokcirkel/wp-admin/post.php?post-6&a 
db wesestologin Ğğ Webmin QM Komighrg G ntt!) 


Panelinstallningar Y 


WordPress 4 7 2 ar tillgängligt! Vänligen uppdate 


Redigera sida skapa ny 


Publicera n 


Ordbild 


Permalänk: hrro-//pageline se /st-bokcirkels 


Förhandsgranska ändringar 


0) Lägg ill media 


Bl Add Gallery 
Br lı — 
Stycke "V Am Oo 


[5 &okarkeh Ordbid | -Ord, zi x 
C nu 
Appor Şi www.skogsstugan.se/s 


[* pageline.se/sf-bokcirkel/ 
de wP-testrlogIn Qs Webmin Şi Kom için 


A 
D» 
« 


rkeln Ordbild 
Hej och välkommen till vår bokcirkel 


Den här bloggen är skapad för att du ska få möjlighet a 
den bok vi läser utifrån givna frågor. Den bok som vi sk 
tillsammans heter Rike och är skriven av en q 


heter Michael Morpurgo. Men 


Ordbild 


Bokcirkeln Ordbild RBBILD | VÀRABÜCKER MÖTEN — AKTUELLEOK 


-innan vi börjar med den boken ska vi träna på hur ni 


Astrid Linderen-bok, nämligen Kalsa Kavat. 
p 
Antal ord: 205 


Senast ändrat av student71 d 


ORDBILD 


Hej och välkommen till var bokcirkel. 


Den här bloggen ar skapad för att du ska få möjlighet att diskutera 


den bok vi láser utifrán givna frágor. Den bok som vi ska borja lasa 


LÄNKAR tillsammans heter Kensukes Rike och är skriven av en engelsman som 


BOKBLOGGAR heter Michael Morpurgo. Men... 
(SAMMA FLIK) 


-..innan vi börjar med den boken ska vi träna på hur ni ska göra med 


Bokbloggen "I hyllan” 
En Astrid I indgren-bok nämligen Kaisa Kavat 


Servern ligger på ett 
webbhotell (eller en 
enskild dator, med 
programvaran MAMP). 
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Panelen 


* Hem (har alla inställningar, och de ligger i den ordning som man oftast kommer i kontakt med dem). 


€ Panel ni *  Uppdateringar 
* Inlagg (kan vara korta, eller längre. Begreppet artikel rimmar bra med inlägg) 
nn * Kategorier. Inlägg och sidor kan koppla still kategorier. Sedan kan kategorierna visas i menyer, sa att man lätt kan 
88 läsa en grupp texter från en viss kategori. 
* Htiketter 
* Sidor * Lágg till sidor. Sidorna organiseras sedan med hjälp av Utseende/Menyer. 
* Media * Lagg till bilder, ljud och videoklipp. 


* Kan skapas i analutning till inlägg eller sidor, om man har ställt in det så. En kommentar visas inte förrän man god- 


* Kommentarer ə : ə. 
känt den (se Diskussion längre ner). 


* Teman * amadeus, quark och twentyfourteen 
* Anpassa * Hàrlágger man till bilden för Sidhuvud, texterna Titel och Slogan. 
Kommentarer * Widgets * Har lägger man till ”grefer”, smáhjálpmedel som visas i kolumnerna (sidopanelerna) utanför 
innehállet. 
* Utseende M R s si R h : 
Kontakt . enyer * Har bygger man upp menysystem baserade pa sidor, länkar och kategorier. 
* Redigerare * Tips! (I Chrome, högerklicka på någon plats på hemsidan, välj Granska komponent, gör 
ändring/tillägg i koden som ligger i högerdelen och kopiera den. Klistra in den i botten av 
Utseende style.css, det dokument du förmodligen redan ser framför dig. Uppdatera hemsidan, så att 
ändringen slår igenom. 


Tillägg 66 . Tillägg * Simple Page Order, TinyMCR, Nextgen, SlimStat 
" * Användare * Gor ändringar i dina egna anvándarinstállningar, lägg till nya användare (med skiftande befogenheter). 
Användare s Verktyg * Olika tillägg för att exportera och importera delar av, eller allt innehåll från en WP-site. 
Verktyg «Allmänt 
“Te” « Skriva 
Inställningar REM 


* Inställningar Diskussi 
. iskussion 


Gallery 


* Media 


* Permalinkar 


* (tillügg, t ex Gallery, Kontakt) Inställningar för olika tillägg. 
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Tillagg 


Nagra exempel pa tillágg: 


Fil» Redigera « Infoga “ Vy» Formate. Tabell, Verktyg Redigera sida | sap» ny 


o 1— mom = 9 mx SiteOrigin 
B I € 222. e 32 e mə (t 
Permalänk: http://pageline.se/sf-kortkoder/siteorigin/ Redigera 


Typsnitt v Textstorlek v + Lägg till Widget || I Lägg till en Rad || & Layouts |D Historik | sə Editera Live | | + Get Ad 


Kortkoder 


SiteOrigin Editor SiteOrigin Editor SiteOrigin Editor 


Prag rag Prag 


300 SiteOrigin 
| n | a OO SiteOrigin Editor SiteOrigin Editor SiteOrigin Editor 
A, Eu wazi PE Prag Prag Prag 
Dra knappar från de oanvända knapparna nedan och släpp dem i verktygsfalten ovan, eller dra knapparna i verktyg 
Media 
Oanvànda knappar SiteOrigin Editor SiteOrigin Editor SiteOrigin Editor 


Prag rag Prag 


S i fe | Or U Understreck se Genomstruken E Justera Format v | | Sty 


TinyMCE Advanced 


SiteOrigin Page Builder 


Ett medeltida torn I staden. Et medeltida torn istaden. — Ettmedeltida torn i staden, 


Kommentarer 


Sidvisningar c Överblick Trafik e Kontakt 
Kontakt 
60 Sidvisningar 31 
Ditt namn (obligatorisk) 
50 Dagar inom intervallet 3 
gə ^ | Genomsnittlig Daglig Sidvisning 10 
Uts een d = - Din epost (obligatorisk) 
ı Fran Sökresultat 0 
- m ^ f Unika IP-adresser 4 
Tillaggiis m : 
Se m. Sista 30 minuterna 1 PUR 
08—$—$ : o—o—o o- o P -o- 
12345 14 15 16 17 18 Idag 7 
Va ” 
An van . are a e Inr 14 Ditt meddelande 
SlimStat 
YT g 
Verktyg 
Hitta hit 
Inställningar 
+ 
3 8 > 
X? E 
Gallery NA A, "S 9 
r zə Nai Hard Rock Cafe 
2 2 om Stockholm 
* Stockholms stadsbibliotek Q 
Google Kartdata $2017 Google j:$0 m L— 1 Användarvillkor Rapportea ett kartfel 
Contact Form 7 


Simple Map 
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Sidor 


Sidorna i lista 


WU 443 Musikalen CHESS 


gü Panel 


Kommentarer 


Utseende 
Tillagg (5 


Användare 


Verktyg 


Inställningar 


Social Media 
Galleri 


SlimStat 


Qo» g 


+ Nytt 


Galleri 


WordPress 4.8.2 är tillgängligt! Vänligen uppdatera nu. 


Sidor | Skapa ny 


Alla (7) | Publicerade (7) | Sortera efter order 


Välj åtgärd... Y 


Titel 


program 


akt 1 


akt 2 


galleri 


klipp 


Titel 


Välj åtgärd... Y 


Utför 


Utför 


Alla datum Y 


Filtrera 


-—- 


Sida i redigering 


Wo 43 Musikalen CHESS 
Panel 


Inlagg 
Media 


I Sidor 


Alla sidor 


pa ny 


Kommentarer 


Utseende 
r Tillagg ES 
Användare 


Verktyg 


Inställningar 


Social Media 


Galleri 


SlimStat 


+ Nytt Visa sida Galleri 


WordPress 4.8.2 är tillgängligt! Vänligen uppdatera nu. 


Redigera sida skapa ny 


akt 1 


Permalänk: http://pageline.se/sf-musikal/akt-1/ Redigera 


C Lägg till media D Insert Social Media Buttons İledd Gallery Visuell 
Fil v Redigera v Infoga v Vy v Format v Tabell v 

Rubrik 1 viB I € Er Ev [1 

Lato v  20pt v Q E Av Hv 
1 


Dag 1 


I en lägenhet i utkanterna av Moskva håller Anatolij Sergijevskij på 
att packa för att åka till världsmästerskapen i schack som hålls i den 
lilla italienska staden Merano. Han och hans hustru, Svetlana, har ett 
hetsigt gräl. Hon vill följa med honom, men han säger att det bara 
kommer att bli tråkigt för henne och dessutom kommer man aldrig 
låta henne komma ut ur landet. Till slut drämmer hon hans 
schackbräde och pjäser i golvet och medan han plockar upp dem 
berättar han schackspelets historia för sin son, Michail (Historien om 
schack/Story of Chess). 


På vägen till flygplatsen funderar han över sitt liv. Även om allt har 
gått bra för honom, han är och gör det han vill, känner han sig ändå 
inte nöjd, varken med sitt äktenskap eller sitt liv och han känner sig 


Want To Be). På flygplatsen möter han upp med sin rågivare, KGB- 
hl 


Text 


Hej, student21 2 


Panelinställningar v Hjälp v 


Publicera A 


Förhandsgranska öndringar 
? status: Publicerat Redigera 
& Synlighet: Offentlig Redigera 
< Versioner: 2 Bläddra 


jami Publicerat den: 14 Mar, 2017 Q 15:29 


Redigera - 

Ta bort | Uppdatera 
Sidoattribut A 
Överordnad 


(utan överordnad) v 


Mall 
Standardmall v 
Ordning 


4 


Behöver du hjälp? A 
till hóger pà sidan. 


vänd fliken hjälp uppe 


Utvald bild a 


Ange utvald bild 
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Sidor och Inlágg: textredigering 


Klistra in som Word 


(omarkerad) - eller Visar/Dóljer undre raden 
ren text (markerad). i redigeraren. 


| €“ Två olika lägen för 


CH Lägg till media 


B I € € £ € — = 


Rubrik 3 v U A v 2 


- 
if 
T 


—» Niutangersbok nominerad 


Boken "Njutángersboken" har blivit nominerad från Gävleborg till 
utmärkelsen Årets hembygdsbok. Vinnaren kommer att koras 
på Bok- och biblioteksmässan i Göteborg nästa helg, lördagen den 27 


september. 


Text redigering. Antingen 


= " zm som en grafiskt korrekt 
du bild (”Visuell”) eller 
r.ə som kod (kallat " Text"). 


Sexton böcker ör nominerade. Bakom “”Niutangersboka 
Njutångers sockens hembygdsförening. Hembygdsfore 
fram boken i en projekt med Studiefrämjandet. Den kor 
2013 i en första utgåva i 500 exemplar, som snabbt tog 


- Ganska snart behövde vi trycka en ny upplaga på 300 
får ses som en mycket lyckad satsning, skriver föreningt 
hembygdsförbunds webbplats för Njutånger. 


Den här texten kommer från ett 
Worddokument, med symbolen üd 
ovan omarkerad. 


CH Lägg till media cə 


bi link b-quote | det ins img ul ol li code more stàng taggar € 


(eun vere) 
ben "Njutángersboken" har Wait nominerad från Gävleborg till utmärkelsen Årets hembygdsbok. Vinnaren kommer 


att koras på Bok- och biblioteksmässan i Göteborg nästa helg, lördagen den 27 september. 


Sexton böcker är nominerade. Bakom ”Njutångersboken” står Njutångers sockens hembygdsförening. 
Hembygdsföreningens tog fram boken i en projekt med Studiefrämjandet. Den kom ut i våren 2013 i en första 
utgåva i 500 exemplar, som snabbt tog slut. 


- Ganska snart behövde vi trycka en ny upplaga pa 300 böcker. Detta får ses som en mycket lyckad satsning, 
skriver föreningen på Sveriges hembygdsförbunds webbplats för Njutånger. 


Boken fick mycket bra recensioner i Hudiksvalls Tidning. Nu är det också nominerad av Gästrike-Hälsinge 
hembygdsförbund till Årets hembygdsbok. 
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Media 


d» Panel 


Media 


Sidor 


Kommentarer 


Kontakt 


00990909999909990000990009009900090090099900900900990000909900009009090090000999000000990090000099000090090009000900900000990009090090990900000990090009000900000990009009009000909009000909009009900090099009900990099 


Nane 


Sunset-1036x576.1pg 
Sunset-672x372.3pg 
Sunset-1024x682.jpqd 
Sunset. jpg 


Sunset-300x200. jpg 


Sunset-150x150.jpg 


tidning huvud3-300x57.1pg 


Se innehållet via FTP (servern) 


tidning huwvud3-150x150.3jp3 


tidning huvud3-672x240.1pg 48 kB 


Bildfilerna som de ligger i på servern (sedda 
via FTP-programmet, kan vara t ex FileZilla) 


Mediabibliotek 


Alla mediaobjekt v 


Alla mediaobjekt 
Bilder 

Ljud 
Video 
Ej bifogat 


Lágg till 


Alla datum Y 


Bibliotek 
Làgg till 


välj flera 


Dolly'll never go away Hjälp 


4 Visa alla nedladdninqar... X 


Size Här ligger den 
sx uppladdade bilden dels 


məs i originalstorlek, dels i 


95 kB de olika dimensioner 
"t 2 som ar instállt under 
6 kB Instállningar/Media: 


9 kB 


(bredaste máttet 
bestámmer) 


WP: Instállningar/Media Bildstorlek: 


Bildstorlek 


Miniatyrstorlek 


Mediumstorlek 


Stor storlek 


Spara ändringar 


Laddar upp filer 


Inställningar för media 


Storlekarna listade nedan avgör maximala dimensioner i pixlar att använda när en bild läggs till i mediabiblioteket. 


Bredd 150 Höjd 150 
[v] Beskär miniatyrer till exakta dimensioner (normalt är miniatyrer proportionella) 


Max bredd 300 Max höjd 300 


Max bredd 1024 


Max höjd 1024 


v| Organisera mina uppladdade filer i kataloger enligt månad och år 
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Bildredigering 


En bild monterad pa sidan, via Lágg till media. 


Redigera bild 
deme (ll Insert shortcode 9 
SKALA BILD 
; TT H FF m 


Stycke v [14 32 Ursprungsdimensioner 1224 x 1632 


Nya dimensioner: 
Q £ € 


J n 


1224 x 1622 ES 


Klicka pà Redigera. BESKÁR BILD 9 
Bildfórhállande: 
Detaljer fór bild 


Markering: 


1160 x 698 
Bildtext 


4 2 
4 x 5 
Alternerande text på fö 4 ) 28 INSTÄLLNINGAR FÖR MINIATYR 68 
: ! 


VISNINGSINSTALLNINGAR 


Justering Vanster Centrerat Höger Inget 

Nuvarande miniatyr 

Storlek | Medium - 225 x 300 
Miniatyr — 150 x 150 


| 
Lànk till [ r 
Stor — 768 x 1024 Ww" | xus 
s Full storlek - 1224 x 1632 er/wp-content/uploads/2017/02/1. [ YA 
Fatta tagiett Anpassad storlek E 
handtag, när du 


Utför ändringar till: 


v 


Redigera original Gör så här: 


vill ändra storlek. AA Vet du pa forhand hur stor bild du vill ha, mata 
(Undvik att forstora, Bilden sparas ju i ett antal storlekar vid in endera matiti i SKALA BILD (proportio- 
fór det medfór uppladdningen till servern. nema behålls). m m 

oskärpa. Oskárpa kan I Storlek byter du vid behov till annan vul E 77 beskárning pa i hand, eller 
ju accepteras, men (tänk på, att dra aldrig upp en bild i med várden, stall dig fórst over bilden och dra 
var medveten om sidredigeringen, alltid ner - annars upp en rektangel. Klicka Skärverktyget. Eller 
detta, i alla fall). förlorar den i skärpa). Onödigt stora mata in nya värden i BESKAR BILD, Marke- 


bilder tar bara kraft, hushálla med ring och klicka Skárverktyget. Vill du sedan 
bildstorleken. anpassa denna rektangel till bestämda propor- 

tioner, sa mata in Bildförhållandet, t ex 4:3 
Länk till leder till valet att länka (tjockteve). Ramen ändrar form. Vill du sedan 
bilden till antingen sig själv dra upp/ner ramen, fatta tag i ett hörn - och hall 
("Media i originalstorlek), eller samtidigt ner Skift, sà behálls proportionerna. 
en URL. Slutligen, Spara bilden. 
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Menyer 


Bygg en meny - steg-fór-steg 


W 6 Musikalen CHESS 09 gi + Nytt Galleri Hej, student21 2 


& Panel WordPress 4.8.2 är tillgängligt! Vänligen uppdatera nu. 


lä 
> In "gg Menyer Hantera med fórhandsgranskning live 


C4 Media 


B sid Redigera menyer ^ Hantera positioner 
Sidor 


V Kommentarer 
Redigera din meny nedan eller skapa en ny meny. 


PR Utseende 


1. Skapa meny 


Senaste Visa alla Sök Menystruktur 
Dra varje val för att ordna de som du vill. Klicka på pilen till höger om valet för att visa extra instöllningsmölligheter, 
kt2 als 
: 2. Vali de 
klipp 
gie Sidor som 
kt1 1 à 
: ska inga 4. Dra 
program . . 
/ Tillägg € SB sidorna i 
Användare chess program menyn 
Verktyg : 
7 V. L ly 
älj alla n) handlingen Anpassad lánk 


4 Inställningar 


Inlägg 3. Lagg akt 1 underval 


Anpassade länkar tilli 


Social Media 


Galleri 


SlimStat Kategorier menyn 


akt 2 underval 


galleri 


klipp 


Menyinställningar 


Lägg automatiskt till sidor i toppnivå i denna meny. 


5. Ange var 


e prir 


And; Menyn ska ligga 
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Widgets - funktioner for sidofalten 


Primar sidopanel 
mu] 
b VVidgetfalt, sidfot 


De tre sidofalten 


Sidofalt, innehall 


Hitta äldre inlägg 


Kalender för att hitta inlägg 
från bestämda datum 


Länkar för inloggning, med mera 
Lista med de senaste inläggen 


Något som liknar en meny 


Sök i all text på hemsidan 


Utseende/Widgets 


€ Ch skogsstugan.se/sf/wp-admin/widgets.phr z 
ET Apps Ş) Koniging El htir: 
Ål Studiefrämjandet SEO SES P^ 


Widgets 


google.se/ Gö https://195.20.207.2... ND TendSign-upphandin.. 4 Cykelbanan nu! [g]CientsideJavaScipt.. SE »Loggaut.. “sf Projekt|Fimbasen (G Serverhotel, VPS-host. » C] Övriga bokmärken 


Eb Panel 


ə)” Inlägg Tillgängliga widgets Primär sidopanel 


2] Media 


Sidor 
Akismet widget Anpassad meny 
Kommentarer 

Là 
sid 


: anpassad meny i din Senaste inläggen 
1 Kontakt * x 


Utseende Etikettmoln Senaste kommentarer 


v dina mest använda 


Arkiv 


Kategorier Kategorier 


eller dropdown med dina 


Kalender: Kalender 


| valfritt RSS- eller Arom- 


Senaste inläggen Senaste kommentarer 


5) Inställningar Din 


kon 


Din webbplats senası 


SEC 
Sidor Simple RSS Feed 


En lista av din webbplats sidor Simple RSS Feed 


lar för din webbplats. Godtycl 
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Blockredigering 


Gutenberg 


Två verktyg 


Google-sökning: gutenberg wordpress review (2 stjärnor) 


Average Rating 
YE TİK iri: 241 out of 5 stars 


You must be logged in to submit a review. 


3,440 revievvs 
5 stars m 
4 stars I 

3 stars I 
2stars | 


1star EN 


Elementor 


+ 


Google-sökning: review wordpress elementor (4 stjärnor) 


https://themeisle.com > blog > ele Översätt den här sidan Traf/mo (us): 900/185.90K - Kw (us): 84/42.86K 


Elementor Review: How Does This WordPress Page Builder ... 
Launched in 2016, Elementor has quickly shot up the charts and is now active on over 
5,000,000+ websites while maintaining an impressive 9496 

11 maj 2021 - *x»x** Rankning: 9,3/10 - Recension av Colin 

MOZ DA: 64/100 (-996) Ref Dom: 24222K Ref Links: 80.35M Spam Score: 196 
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Skapa lankar 


Skapa lanka 
ə Markera text eller bild 
ə Klicka pa Länk 


- Nytt Visa sida Galleri 


Redigera sida skapany 


Ordbild 


Permalänk: http://indesignskolan.se/sf-bokcirkel/ Visa sida 


CH Lägg till media 


HUsuecom-u—— 


Infoga/redigera lank 


Hej och välkommen till var bokcirkel. 


Den har bloggen ar skapad för att du ska fa möllighet att dis 
den bok vi löser utifran givna fragor. Den bok som vi ska bör 
tillsammans heter Kensukes Rike och ör skriven av en engel 
heter Michael Morpurgo. Men... 


..innan vi börjar med den boken ska vi träna pa hur ni ska gt 
Astrid Lindgren-bok, nämligen Kajsa Kavatl — ” 


Infoga/redigera länk 
Ange destinationsadress 


URL www.astridlindgren.se 


<a 


Titel trid Lindgren 


pna lànken i ett nytt fónster/flik 


Eller länka till befintligt innehåll à -« 


Sök 


| Sök eller använd piltangenterna (upp och ner) för att välja en post. 


Aktuell bok SIDA 
Nattfåk 2014/09/30 
Våra böcker SIDA 
Möten 


Ordbild 


Lägg till länk 


Kopieras från målets adress (URL) 


Ge länken ett namn 
Samma fönster/flik eller nytt? 


Ger möjlighet att länka till viss sida 
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Sa arbetar WordPress 


Servern 


Post ; : 
1 Min fórsta PHP-sida : 
2 Hej várlden! : 


3 Detta är mitt första inlägg. 


<html> 
<style> 
hı f font-family:helvetica; font-style:bold? 
</style> 

<body> 

<?php 

«ha» echo Post(1) </h1> 
echo Post(2), 
echo Post(3) 
?» 

«[body» 
«[html» 


00090000000090009000000000000000000000000900000000000|l dc]. sc20922009090909090020902000929002090900900999000900999990900000999990900* 


Min fórsta PHP-sida APACHE 
Hej världen! 


Detta är mitt första inlägg. 


MysSQL heter den databas som lagrar 
alla data som visas på sidorna, det vill säga 
all text och alla bilder (i form av länkar). 
(En databas är en serie kolumner, som 
kan innehålla text, värden eller länkar). 


PHP är programspråket som ser till 

att dina texter sparas i/hämtas från rätt 
databaskolumn (min rödmarkering visar 
var PHP-koden börjar och slutar). 


HTML-koden byggs upp av data från 
MySQL och med programspråket 

PHP. HTML beskriver egentligen bara 
strukturen. Sidans utseende bestäms istället 
av CSS (i exemplet inom <style>-taggen). 


Apache är den programvara som gör att 
sidan visas, när du matat in adressen (URL) 
på adressraden. 


Om man vill sätta upp en webserver på sin egen dator, ska man använda MAMP (Apache/MySQL/PHP). Därpå installerar 


man sin tidigare nersparade hemsida. (Instruktioner för installationerna finns). 
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